.layui-progress-text {
    font-size: 22px !important;
}

.layui-icon {
    background-color: #fff !important;
}

.icon_img {
    width: 40px;
}

.layui-col-space10 > * {
    padding: 5px;
    padding-bottom: 20px !important;
}

.layui-card-header {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1px dashed #f8f8f8;
}

.ancestors {
    padding: 0 10px;
}

.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
    height: inherit !important;
    line-height: inherit !important;
}

.layui-elem-field legend {
    font-size: 13px;
    font-weight: bold;
}

.layui-field-title {
    margin: 5px 0;
}

.layui-progress-text {
    font-size: 12px !important;
}

.layui-table td {
    font-size: 12px;
}

.bgSvg {
    color: #fff;
    position: absolute;
}

.userinfo {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 218px;
    border-radius: 16px;
    padding: 0 20px 20px;
    margin-top: -38px;
}

.portrait {
    position: relative;
    padding: 10px

}

.portrait .portrait-img {
    display: block;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1px solid hsl(0, 0%, 97%);
}

.wel {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    margin: 2px 0 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.role {
    position: relative;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1;
    border-radius: 4px;
}

html {
    background: rgb(238, 242, 248) !important;
}

.h170 {
    height: 165px;
    border-radius: 5px;
}


.h220 {
    height: 220px;
    border-radius: 5px;
}

.h300 {
    height: 300px;
    border-radius: 5px;
}

.h420 {
    height: 420px;
    border-radius: 5px;
}

.card-rows {
    padding: 5px 12px;
    box-sizing: border-box;
    height: 165px;
    display: flex;
    flex-direction: column;
}

.card-rows-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}

.card-rows-fast {
    flex: 1;
    display: flex;
    align-items: center;
}

.card-rows .card-rows-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-rows .card-rows-item .left {
    background: #eee;
    padding: 5px;
    border-radius: 8px;
    margin: 5px
}

.card-rows .card-rows-item .left img {
    width: 35px;
    height: 35px;
}

.card-rows .card-rows-item .right {
    /*margin-left: 5px*/
    margin: 0 5px;
}

.right-onec {
    border: 1px solid hsl(0, 0%, 95%);;
    border-radius: 8px;
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    padding-left: 10px;
}

.right-onec .right-top {
    margin-bottom: 13px !important;
}

.card-rows .card-rows-item .right .right-top {
    font-size: 12px;
    color: #515a6e;
    margin-bottom: 2px
}

.card-rows .card-rows-item .right .right-button {
    font-size: 25px;
    font-weight: bold;
    color: #16baaa !important;
}

.g-bg-lg {
    background: linear-gradient(to left, hsl(91, 70%, 57%) 0%, hsl(149, 93%, 39%) 100%);
    box-shadow: 0 13px 16px 0 hsl(149, 93%, 39%, .2);
    color: #fff;
    border-radius: initial;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}

.layui-card {
    box-shadow: none;
}